<div>
	<div class="panel panel-primary text-center">
		<div class="panel-heading">
			<label class="font-160"><span class="glyphicon glyphicon glyphicon-time"></span> {{'history' | translate}}</label>
		</div>
	</div>
	<div class="panel panel-info">
		<div class="panel-body">
			<table class="table table-striped">
				<thead>
					<tr>
						<th>#</th>
						<th>{{'HistoryEntity.date' | translate}}</th>
						<th>{{'HistoryEntity.time' | translate}}</th>
						<th>{{'HistoryEntity.state' | translate}}</th>
						<th>{{'HistoryEntity.userName' | translate}}</th>
						<th>{{'HistoryEntity.description' | translate}}</th>
						<th>{{'options' | translate}}</th>
					</tr>
				</thead>
				<tbody>
					<tr class="animate-pagination" ng-repeat="historyEntity in searchResults.results">
						<td>{{(searchResults.currentPage - 1) * searchResults.itemsPerPage + $index + 1}}</td>
						<td>{{historyEntity.created | date : 'dd/MM/yyyy'}}</td>
						<td>{{historyEntity.created | date : 'HH:mm:ss'}}</td>
						<td>{{'SinisterState.' + historyEntity.stateDescription | translate}}</td>
						<td>{{historyEntity.userName}}</td>
						<td>{{historyEntity.description | translate}}</td>
						<td class="vert-align">
							<button type="button" class="btn btn-warning btn-sm" ng-click="go('historyDetail/' + historyEntity.id)">
								<span class="glyphicon glyphicon-eye-open"></span>
							</button>
						</td>
					</tr>
				</tbody>
			</table>
			<search-result-pagination></search-result-pagination>
		</div>
	</div>
	<div class="center">
		<button class="btn btn-primary" translate="back" ng-click="$root.go('sinister/' + sinisterId)"></button>
	</div>
</div>